<!--
 * @Author: shenqi-turbo 774707331@qq.com
 * @Date: 2023-10-18 17:10:31
 * @LastEditors: sqshinibaba 8394017+sqshinibaba@user.noreply.gitee.com
 * @LastEditTime: 2023-10-19 09:24:55
 * @FilePath: /123/talk/src/App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
  <van-tabbar v-model="active">
    <van-tabbar-item icon="home-o">
      <RouterLink to="/">Home</RouterLink>
    </van-tabbar-item>
    <van-tabbar-item icon="search">
      <RouterLink to="/about">About</RouterLink>
    </van-tabbar-item>
    <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
    <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
  </van-tabbar>



  <RouterView />
</template>

<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import { ref } from 'vue';
const active = ref(1);

</script>

<style scoped>
.aa {

  .bb {}
}
</style>
